﻿@charset "utf-8";
/* CSS Document */
.banner{margin-top: 100px;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-pagination-bullets{bottom: 30px;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 1rem;transition: all 0.3s;color: #FFF;background: #FFF;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #FFF;color: #333;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;margin-top: -25px;outline: medium;color: #FFF;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 30px;color: #FFF;}

.tage{text-align: center;padding: 50px 0;background: #233140;color: #FFF;}
.tage h2{font-size: 34px;font-weight: bold;}
.tage ul{display: flex;justify-content: space-between;margin-top: 40px;}
.tage li{width: 200px;border: 1px solid #FFF;line-height: 50px;font-size: 18px;}
.tage li a{color: #FFF;display: block;}
.tage li a:hover{color: #FFF;display: block;text-decoration: none;}

.dyip{padding: 50px 0;}
.dyip .box{margin-top: .2rem;display: flex;justify-content: space-between;flex-flow: wrap;}
.dyip .box:after{display: none;}
.dyip .left{background: rgba(255, 255, 255, .8);width: 20%;}
.dyip .left .titleer{font-size: .14rem;padding: 15px 25px;box-sizing: border-box;color: #333;background: #2665ab;color: #FFF;}
.dyip .left .titleer h2{font-weight: bold;font-size: 24px;}
.dyip .left .titleer p{font-size: 16px;text-transform: uppercase;}
.dyip .left .titleer i{font-size: .08rem;display: block;width: .13rem;height: .13rem;line-height: .13rem;text-align: center;border: 2px solid #CCC;margin-top: .15rem;border-radius: 100%;}
.dyip .left li{font-size: 16px;background: #f3f3f3;margin-bottom: 2px;line-height: 52px;}
.dyip .left li:last-child{border-bottom: none;}
.dyip .left li a{display: flex;padding: 0 25px;justify-content: space-between;align-items: center;}
.dyip .left li a:hover{text-decoration: none;background: #2665ab;color: #FFF;}
.dyip .left li i{font-size: 14px;color: #999;}
.dyip .left li:hover i{color: #FFF;}
.dyip .right{width: 77%;}
.dyip .right .list ul{display: flex;justify-content: space-between;flex-flow: wrap;margin-bottom: -2%;}
.dyip .right .list li{width: 32%;text-align: center;margin-bottom: 2%;border: 1px solid #e2e2e2;box-sizing: border-box;background: #FFF;}
.dyip .right .list li figure{position: relative;display: block;height: 0;overflow: hidden;padding-bottom: 75%;}
.dyip .right .list li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all .5s;}
.dyip .right .list li:hover img{transform: scale(1.1);}
.dyip .right .list li p{padding:10px 0;font-size: 16px;}
.dyip .right .list li a:hover{text-decoration: none;}
.dyip .right .list ul:after{content: "";width: 32%;}

.derp{background: url(../images/pic6.jpg) no-repeat center fixed;background-size: cover;}
.derp .bg{background: rgba(0, 0, 0, .5);}
.derp .box{color: #FFF;text-align: center;padding: 150px 0;}
.derp .box .title{font-size: 34px;font-weight: bold;}
.derp .box .txt{padding: 40px 10% 0 10%;line-height: 1.6;font-size: 16px;line-height: 34px;}
.derp .box ul{font-size: 0px;margin-top: 50px;}
.derp .box li{display: inline-block;font-size: 16px;width: 30%;box-sizing: border-box;padding-top: .3rem;}
.derp .box li i{font-style: normal;font-size: 60px;display: inline-block;}
.derp .box li span{display: inline-block;font-size: 24px;}
.derp .box li .txter{margin-top: 20px;font-size: 24px;}
.derp .box li p{margin-top: 15px;}

.dsanp{background: #b5b5b5;padding: 50px 0;}
.dsanp .title{text-align: center;color: #FFF;}
.dsanp .title h2{font-size: 34px;font-weight: bold;}
.dsanp .title .txt{margin-top: 20px;font-size: 16px;}
.dsanp ul{display: flex;justify-content: space-between;margin-top: 40px;flex-flow: wrap;}
.dsanp li{width: 32.333%;position: relative;color: #FFF;overflow: hidden;}
.dsanp li figure{padding-bottom: 130%;}
.dsanp li .txtyi{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;flex-flow: column;transition: all .3s;}
.dsanp li:hover .txtyi{background: rgba(0, 0, 0, .3);bottom: 60px;}
.dsanp li .txtyi i{font-size: 40px;display: block;width: 80px;height: 80px;border: 4px solid #FFF;border-radius: 100%;line-height: 80px;text-align: center;}
.dsanp li .txtyi p{font-size: 24px;margin-top: 30px;}
.dsanp li .txter{position: absolute;left: 0;right: 0;bottom: -60px;height: 60px;display: flex;align-items: center;justify-content: center;flex-flow: column;transition: all .3s;background: #0a7378;line-height: 1.6;}
.dsanp li:hover .txter{bottom: 0;}

.dsip{background: #f6f6f6;padding: 50px 0;}
.dsip .title{text-align: center;}
.dsip .title h2{font-size: 34px;font-weight: bold;}
.dsip .title p{margin-top: 20px;font-size: 16px;color: #999;}
.dsip ul{display: flex;justify-content: space-between;flex-flow: wrap;margin-top: 40px;}
.dsip li{width: 24%;box-sizing: border-box;background: #FFF;transition: all .3s;}
.dsip li figure{position: relative;display: block;height: 0;overflow: hidden;padding-bottom: 55%;}
.dsip li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all .5s;}
.dsip li:hover img{transform: scale(1.1);}
.dsip li .txt{padding:15px;font-size: 16px;}
.dsip li .txt h2{font-weight: bold;}
.dsip li .txt p{font-size: 14px;margin-top: 10px;color: #666;}

.dwup{padding: 50px 0;}
.dwup .title{font-size: 34px;font-weight: bold;text-align: center;}
.dwup .box{margin-top: 40px;}
.dwup .left{width: 48%;float: left;box-sizing: border-box;border-bottom: 2px solid #2665ab;}
.dwup .left figure{padding-bottom: 60%;}
.dwup .left img{width: 100%;}
.dwup .left .txt{padding: 15px 0;}
.dwup .left .txt h2{font-size: 16px;font-weight: bold;}
.dwup .left .txt h2 a{color: #2665ab;}
.dwup .left .txt span{margin-top: 10px;display: block;font-style:italic;color: #999;}
.dwup .left .txt p{margin-top: 15px;line-height: 24px;}
.dwup .left a:hover{text-decoration: none;}
.dwup ul{width: 48%;float: right;}
.dwup ul:after{display: none;}
.dwup li{padding: 20px 0;border-bottom: 1px solid #ebebeb;}
.dwup li:last-child{border-bottom: none;}
.dwup li .riqi{float: right;width: 20%;box-sizing: border-box;border: 1px solid #CCC;text-align: center;padding: 10px 0;transition: all 0.3s;}
.dwup li:hover .riqi{background: #2665ab;color: #5f4e4e;}
.dwup li .riqi p:nth-of-type(1){font-size: .3rem;}
.dwup li h2{font-size: 16px;}
.dwup li:hover h2 a{text-decoration: none;color: #2665ab;}
.dwup li p{margin-top: 15px;line-height: 26px;color: #999;font-style:italic;}

.banner_pic{margin-top: 100px;position: relative;}
.banner_pic figure{width: 100%;padding-bottom: 25%;}
.banner_pic .title{position: absolute;left: 0%;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;flex-flow: column;font-size: 40px;color: #FFF;}

.subnav{background: #F1F1F1;}
.subnav .box{display: flex;align-items: center;justify-content: space-between;line-height: 50px;}
.subnav p{display: flex;align-items: center;justify-content: center;}
.subnav i{font-size: .06rem;padding: 0 5px;color: #999;}
.subnav p a:hover{text-decoration: none;}
.subnav ul{display: flex;align-items: center;justify-content: center;flex-flow: wrap;}
.subnav li{position: relative;}
.subnav li a{display: block;padding: 0 15px;overflow: hidden;transition: all .3s;}
.subnav li a:hover{display: block;text-decoration: none;background: #2665ab;color: #FFF;}
.subnav li a.current{color: #FFF;background: #2665ab;}
.subnav li:hover a:after{width: 100%;opacity: 1;}
.subnav li a.current:after{width: 100%;opacity: 1;}

.con{padding: 50px 0;}

.about{display: flex;justify-content: space-between;}
.about h2{font-size: .16rem;text-align: center;}
.about .txt{line-height: 30px;width: 55%;}
.about .txt p{padding-bottom: 10px;text-indent: 2em;}
.about .pic{text-align: center;width: 40%;}
.about .pic img{max-width: 100%;}

.jiazhi_derp li{padding: 150px 20%;color: #FFF;}
.jiazhi_derp li:nth-of-type(even){display: flex;justify-content: right;}
.jiazhi_derp .txt{width: 40%;}
.jiazhi_derp .en{font-size: 36px;font-family: "宋体";font-weight: bold;text-transform: uppercase;}
.jiazhi_derp h2{font-size: 36px;}
.jiazhi_derp .txter{border-top: 1px solid rgba(255, 255, 255, .5);margin-top: 20px;padding-top: 20px;font-size: 16px;line-height: 30px;}

.zhengshu ul{margin-left: -3%;}
.zhengshu li{width: 22%;float: left;margin-left: 3%;text-align: center;margin-bottom: 20px;box-sizing: border-box;transition: all .5s;}
.zhengshu li .pic{border: 1px solid #CCC;position: relative;}
.zhengshu li .pic figure{width: 100%;height: 0;overflow: hidden;padding-bottom: 70%;display: block;position: relative;}
.zhengshu li .pic figure img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.zhengshu li .pic .fdj{position: absolute;left: 0;top: 0px;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;flex-flow:column;background: rgba(0,61,151,.7);color: #FFF;visibility: hidden;opacity: 0;transition: all .5s;}
.zhengshu li .pic .fdj i{font-size: .2rem;}
.zhengshu li .pic .fdj p{margin-top: .1rem;font-size: .1rem;}
.zhengshu li:hover .pic .fdj{visibility: visible;opacity: 1;}
.zhengshu li h2{padding: 10px;}

.fenye{margin-top: 30px;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 14px;text-align: center;margin:0 5px;background: #FFF;}
.fenye li a{display: block;width: 40px;height: 40px;line-height: 40px;border: 1px solid #CCC;}
.fenye li a:hover{display: block;text-decoration: none;border: 1px solid #2665ab;background: #2665ab;color: #FFF;}
.fenye li.current a{border: 1px solid #2665ab;background: #2665ab;color: #FFF;}
.fenye li i{font-size: .1rem;}

.dyip .con_right{width: 77%;text-align: center;}
.dyip .con_right .pic img{width: 100%;}

.news li{margin-bottom: 2%;box-sizing: border-box;position: relative;font-size: 0;border-bottom: 1px solid #EEE;padding-bottom: 2%;}
.news li figure{width: 40%;padding-bottom: 25%;display: inline-table;vertical-align: middle;}
.news li:hover figure img{transform: scale(1.1);}
.news li time{font-size: 14px;}
.news li .txt{padding: 30px;position: relative;z-index: 1;display: inline-table;vertical-align: middle;width: 60%;box-sizing: border-box;}
.news li .txt strong{display: block;font-size: 18px;margin-top: 20px;}
.news li .txt p{margin-top: 20px;font-size: 16px;color: #777;line-height: 30px;}
.news li .txt .more{margin-top: 30px;font-size: 16px;display: inline-block;background: #2665ab;color: #FFF;padding: 10px 20px;}
.news li .txt .more a{display: block;}
.news li a{transition: all 0.3s;}
.news li a:hover{text-decoration: none;}
.news li:hover .txt:after{width: 100%;right: auto;left: 0;}

.news_con .left{width: 68%;float: left;box-sizing: border-box;}
.news_con .left .title{text-align: center;}
.news_con .left .title h2{font-size: 30px;}
.news_con .left .title p{margin-top: 10px;color: #999;}
.news_con .left .txt{line-height: 30px;margin-top: 15px;border-top: 1px solid #e7e7e7;padding: 20px 0;}
.news_con .left .txt p{padding-bottom: 10px;}
.news_con .right{width: 27%;float: right;background: #F5F5F5;box-sizing: border-box;padding: 20px;}
.news_con .right h2{font-size: 24px;}
.news_con .news_r_t{margin-top: 10px;}
.news_con .news_r_t figure{width: 100%;padding-bottom: 50%;}
.news_con .right li{border-bottom: 1px solid #e7e7e7;}
.news_con .right li a{padding: 10px 0;display: block;}
.news_con .right .txt{padding: 10px 0;}
.news_con .right strong{font-size: 18px;display: block;}
.news_con .right time{margin-top: 10px;display: block;}
.news_con .right a:hover{text-decoration: none;}

.syt{border-top: 1px solid #e7e7e7;padding: 10px 0;}
.syt ul{display: flex;align-items: center;justify-content: space-between;}
.syt li{line-height: 40px;text-align: center;}
.syt li a{display: flex;align-items: center;justify-content: center;padding: 0 10px;}
.syt li a:hover{display: flex;align-items: center;justify-content: center;text-decoration: none;}
.syt li i{font-size: 16px;}
.syt li:nth-of-type(1) i{margin-right: 5px;}
.syt li:nth-of-type(2) i{margin-right: 5px;}
.syt li:nth-of-type(3) i{margin-left: 5px;}
.syt ul:after{display: none;}

.zhaopin .cpxqer{box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);}
.zhaopin .cpxqer .titleyi{background: linear-gradient(to right, #003d97 , #006fbb);padding:15px 5%;color: #FFF;}
.zhaopin .cpxqer .tit{float: left;font-size: 16px;}
.zhaopin .cpxqer .position{width: 30%;}
.zhaopin .cpxqer .address{width: 20%;}
.zhaopin .cpxqer .salary{width: 30%;}
.zhaopin .cpxqer .time{width: 20%;}
.zhaopin .cpxqer .time i{float: right;font-size: 16px;transition: all 0.3s;}
.zhaopin .cpxqer .titleer.active{background: linear-gradient(to right, #003d97 , #006fbb);color: #FFF;}
.zhaopin .cpxqer .titleer.active .time i{transform: rotate(90deg);}
.zhaopin .cpxqer li{background: #F5F5F5;margin-top: 1.5%;}
.zhaopin .cpxqer li .titleer{ padding:15px 5%;overflow: hidden;color: #666;cursor: pointer;}
.zhaopin .cpxqer li .con_er{ display:none; line-height:30px; padding:5%;background: #FFF;}

.liuyan{background: #F5F5F5;padding: 50px 25%;}
.liuyan .title{text-align: center;font-size: 30px;}
.liuyan .txt{text-align: center;margin-top: 15px;}
.liuyan ul{margin-left: -2%;margin-top: 20px;}
.liuyan li{ width:48%; margin-bottom: 10px;float: left;margin-left: 2%;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; border:2px solid #EEE; outline:medium; padding:10px 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:100px; border:2px solid #EEE; outline:medium; padding:1%;box-sizing: border-box;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{border:0 none; color:#FFF; background:#2665ab;cursor: pointer;outline: medium;padding: 10px 20px;}

.con .contact ul{display: flex;align-items: center;justify-content: space-between;text-align: center;}
.con .contact li{width: 25%;display: flex;align-items: center;justify-content: center;flex-flow: column;}
.con .contact li i,.con .contact li em{width: 60px;height: 60px;background: #2665ab;display: block;line-height: 60px;text-align: center;color: #FFF;font-size: 30px;border-radius: 100%;}
.con .contact li strong{margin-top: 10px;font-size: 18px;}
.con .contact li .xian{width: 50px;height: 2px;background: #999;margin-top: 10px;}
.con .contact li p{margin-top: 10px;}

#map_container{ height:400px;margin-top: 50px;}